<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>transition-property属性</title>
<style type="text/css">
div{
	width:400px;
	height:100px;
	background-color:orange;
	font-weight:bold;
	color:#FFF;
	}
div:hover{
	width:700px;
	/*指定动画过渡的CSS属性*/
	-webkit-transition-property:width;
	-moz-transition-property:width;
	/*指定动画过渡的CSS属性*/
		-webkit-transition-duration:5s;
	-moz-transition-duration:5s;
	transition-timing-function: ease-in-out;	
	}
</style>
</head>
<body>
<div>使用transition-property属性改变元素宽度</div>
</body>
</html>
